<script setup>
import { defineProps } from 'vue';
defineProps({
    goods: {

    }
})
</script>

<template>
    <div>
        <img v-img-lazy="goods.picture" alt="">
        <p>{{ goods.name }}</p>
        <p>{{ goods.desc }}</p>
        <h2>{{ goods.price }}</h2>
    </div>
</template>

<style scoped lang="scss">
div {
    text-align: center;
}

p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

img {
    width: 100%;
    height: 100px;
}
</style>
